<template>
    <h1>父组件</h1>
    <h1>{{ msg  }}</h1>
    <h1>{{ n }}</h1>
    <hr>
    <sub-com  v-model:message="msg"
      v-model:num="n"></sub-com>
</template>
<!-- 在script标签上 写入setup 就是 setup入口函数的语法糖  -->
<script setup>
import SubCom from './components/Sub3.vue'
import {ref} from 'vue'
let msg = ref(0)
let n = ref(10)
</script>
<!-- 再写一个script标签 使用Vue2的方法 写入name属性 -->
<script>
export default {
name: 'App',
}
</script>
